<!--
*@Author: QWP
*@Description: 现场视频
*@Date: 2024-07-08 17:04:38
-->
<template>
  <u-dialog v-bind="$attrs"
    :hideBtns="['submit']"
    @close="dialogClose">
    <a-layout class="f-h-100">
      <a-layout-content class="s-bg-white"
        style="overflow: hidden;">
        <a-select v-model:value="playStyle" 
          :options="[{ label: '解码播放', value: '1' }]"
          style="width: 140px;margin-bottom: 4px">
        </a-select>
        <a-row :gutter="8">
          <a-col :span="18">
            <a-image :src="urlFile('sumWarning/video.png')" :preview="false"></a-image>
          </a-col>
          <a-col :span="6">
            <a-list :grid="{ column: 1 }" :data-source="videoOrigions">
              <template #renderItem="{ item }">
                <a-list-item 
                  style="cursor: pointer; border-radius: 8px"
                  :style="{
                    'background': item.value == currenVideo ? '#1890FF' : '#fff',
                    'color': item.value == currenVideo ? '#fff' : 'rgb(147, 157,  177)'
                  }"
                  @click="currenVideo = item.value">
                  <div style="width: 100%; height: 40px; line-height: 40px">
                    {{ item.label }}
                  </div>
                </a-list-item>
              </template>
            </a-list>
          </a-col>
        </a-row>
      </a-layout-content>
    </a-layout>
  </u-dialog>
</template>

<script lang='ts' setup>
import { ref, reactive, computed, onMounted, h } from 'vue' 

import { useRoute, useRouter } from 'vue-router'
import { _IFormEl, _IExtra } from '@/src/components/common/form/interface';
import { FormInstance, FormItemProps } from 'ant-design-vue';
import { HomeOutlined, FileTextOutlined, UploadOutlined } from '@ant-design/icons-vue';
import { TreeProps } from 'ant-design-vue/es/vc-tree';
import { ColumnProps } from 'ant-design-vue/es/table';
import { _IColumnProps } from '@/components/common/tableEdit/interface.ts'
import { fileCols } from '@/common/model/fileCols'
import { urlFile } from '@/util/common'
const route = useRoute()

// 播放方式
const playStyle = ref<string>('1')
const currenVideo = ref<string>('1')

const videoOrigions = reactive([
  { value: '1', label: '901采场进口' },
  { value: '2', label: '七中段坑口' },
  { value: '3', label: '九中段放矿' },
  { value: '4', label: '九中段斜坡道口' },
  { value: '5', label: '九中段洞口球机' },
  { value: '6', label: '九中段配电硐室岔口' },
  { value: '7', label: '八中段井口' },
])

const dialogClose = () => {
  
}
</script>

<style lang='scss' >
</style>